<div id="container" @myInsertRemoveTrigger *ngIf="change" [hidden]="!hide" draggable="true">
  <div class="top">
    <div><i class="iconfont icon-shezhi-copy"></i><label>查看个人资料</label></div>
    <span class="spanOne" (click)="close()"><i class="iconfont icon-guanbi"></i></span>
  </div>
  <div class="title">
    <p>用户信息</p>
  </div>
  <div class="user">
    <div class="left"><img src="../../../assets/images/photo3.jpg">
    </div>
    <div class="middle">
      <div>
        <span class="span">用户ID</span><span class="spans">{{info.emp_no.code}}</span>
      </div>
      <div>
        <span class="span">部门</span><span class="spans">{{info.emp_no.dept.name}}</span>
      </div>
      <div>
        <span class="span">权限</span><span class="spans">{{info.emp_no.position.name}}</span>
      </div>
    </div>
    <div class="right">
      <div>
        <span class="span">姓名</span><span class="spans">{{info.emp_no.name}}</span>
      </div>
      <div>
        <span class="span">性别</span><span class="spans">{{info.emp_no.sex}}</span>
      </div>

      <div>
        <span class="span">生日</span><span class="spans">{{info.emp_no.birth | date:'yyyy-MM-dd'}}</span>
      </div>

    </div>
  </div>
  <div class="title">
    <p>联系方式</p>
  </div>
  <div class="bottom">
    <div>
      <label>E-mail</label><span>{{info.emp_no.email}}</span>
    </div>
    <div>
      <label>手机</label><span>{{info.emp_no.phone}}</span>
    </div>
    <div>
      <label>通信地址</label><span>{{info.emp_no.address}}</span>
    </div>
  </div>
</div>
